import { Link } from '@brillout/docpress'
import { ConfigSpec } from '../../components'

<ConfigSpec
  env="config (development & build-time)"
  global
  isTypeOneLiner
>
`Config | Config[] {:ts}`
</ConfigSpec>

You can install <Link href="/extensions">Vike extensions</Link> by using `extends`:

```ts
// /pages/+config.ts

import type { Config } from 'vike/types'
import vikeReact from 'vike-react/config'

export default {
  // Install `vike-react`. (Technically speaking: inherit the configuration `vikeReact`.)
  extends: vikeReact
} satisfies Config
```

> <Link href="/config#inheritance">Config inheritance</Link> also applies to `extends`.
>
> For example, you can use <Link href="/config#powerful">completely different rendering strategies within the same app</Link>.
